<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			#div1{
				width: 800px;
				height: 1000px;
				float: left;
				
				
			}
			
			div dl dt{
				width: 160px;
				height: 200px;
				float: left;
				margin: 0px;
				padding:0px;
				
			}
			dl dd{
				width: 200px;
				height: 200px;
				float: left;
				line-height: 200px;
				/*text-align: left;*/
				margin: 0px;
				padding: 0px;
			}
			img{
				height: 200px;
				vertical-align:middle;
				
				
			}
			
		</style>
	</head>

	<body>
		<div id="div1">
			<div id="book1">
				<dl>
					<dt><img src="img/book2.jpg" alt="book2"></dt>
					<dd>dl标签定义了普通列表</dd>
				</dl>
				

			</div>
			
		</div>
			
			
	</body>

</html>